<template>
	<view class="container">
		<view class="main-head">
			<label class="user-label">
				<text @click="register()">{{userName}}</text>
				<text @click="realNameAuth()">{{realName}}</text>
			</label>
			<label class="head-label" >安宁市货运车辆</label>
			<label @click="openDebug()" class="head-label2" >入城审批系统</label>
			
			<view v-if="debug" style="overflow: auto; z-index: 9001;height: 100px;">
				<text>{{debugMsg}}</text>
			</view>
		</view>
		
		
		
		<view class="pass-rule-tag">
			<view @click="showTips" class="rule-btn">申请规则</view>
		</view>
		
		

		<view v-if = "userRole == 'police'" class="uni-media-list">
			<view class="item txz-sq">
				<label class="txz-label" >民警用户</label>
				<label class="txz-label2">扫描核验</label>
				<button class="txz-btn" @click="scanConfrim()">点击扫码</button>
				<!-- 
				<label class="txz-label2">23:10</label>
				<label class="txz-label2">code={{wxCode}}</label>
				<label class="txz-label2">user={{userInfo}}</label> -->
			</view>
		
			<view class="item txz-cy">
				<label class="txz-label" >民警用户</label>
				<label class="txz-label2">通行证查询</label>
				<button class="txz-btn" @click="passQuery()">点击进入</button>
			</view>
		</view>
		
		<view v-else class="uni-media-list">
			<view class="item txz-sq">
				<label class="txz-label" >货运车辆用户</label>
				<label class="txz-label2">通行证申请</label>
				<button class="txz-btn" @click="passApply()">点击进入</button>
			</view>
		
			<view class="item txz-cy">
				<label class="txz-label" >货运车辆用户</label>
				<label class="txz-label2">通行查阅</label>
				<button class="txz-btn" @click="applyRecords()">点击进入</button>
			</view>
		</view>
		
		<view style="text-align: center; color: #969696; font-size: 24upx;">
			<text>v1.0.1@2020/09/11</text>
		</view>
		
		<view v-if="showPassRuleTips==true" class="passRuleTips">
			<view class="tips-head">
				<uni-icons type="close" size="48" color="#000" @click="closeTips"></uni-icons>
			</view>
			<view class="tips-body">
				<view class="pass-rule-item" v-for="(item,index) in rulesArray" :key="index">
					<view class="title-l1">
						<label>{{item.title}}</label>
					</view>
					<view v-for="(item2,index2) in item.data" :key="index2">
						<view class="title-l2">
							<label>{{item2.title}}</label>
						</view>
						<view class="title-content-sections" v-for="(item3,index3) in item2.data" :key="index3">
							<view class="content-section">
								<text>{{item3}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			
			<view class="link-container" v-if="downlist.length>0">
				<view class="link-item" v-for="(item, index) in downlist" :key="index">
					<view class="logo">
						<image  :src="clacFileType(item.fileType)"></image>
					</view>
					<view class="link-middle">
						<view class="title">
							 {{item.fileName}}
						</view>
						<view class="desciption">
							{{item.fileDescribe}}
						</view>  
					</view>
					<view class="go-link" @tap="goToLink(item)">
						<image src="/static/imgs/下载.png"></image>
						<label>下载</label>
					</view>
				</view>
			</view>
			
			
			
			<!-- <button type="primary" style="margin-top: 50rpx;margin-bottom:50rpx;width: 50%;" @tap="downloadSqb(1)">下载黄牌申请表</button>
			<button type="primary" style="margin-top: 50rpx;margin-bottom:50rpx;width: 50%;" @tap="downloadSqb(2)">下载蓝牌申请表</button>
		 -->
		</view>
		
		
	</view>
</template>

<script>
	
	import {
		mapState,
		mapGetters,
		mapMutations
	} from 'vuex';
	
	// const appid = 'wx8e998a2e897d6805'
	// const base_url = 'http://www.dogroot.com/zdclWx/wx/redirect/wx8e998a2e897d6805/greet'
 //    const wx_url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri='+base_url+'&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect'
   
    //snsapi_base 失败了 微信公众号测试账号中
	//snsapi_userinfo  成功
    //1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页面的。用户感知的就是直接进入了回调页面（配置在自定义菜单中的一长串地址中redirect_uri 对应的回调方法）
    //2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息，下图为手动授权的参考：scope等于snsapi_userinfo时的授权页面。
    //3.https://open.weixin.qq.com/connect/qrconnect?appid=wx12345678redirect_uri=http%3a%2f%2fwww.test.com%2fredirect%2fwx12345678%2fgetUserInfo&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect
	export default {
		computed: {
		    ...mapState(['hasLogin']),
			...mapGetters(['getUserInfo'])
		},
		data() {
			return {				
				userRole: 'driver',
				wxUserId: null,
				token: '',
				wxCode:'',
				userName: '匿名用户',
				realName: "请实名认证",
				logining: false,
				showPassRuleTips:false,
				autoNavigateToRnaCount: 0,
				debug: false,
				debugMsg: '',
				
				downlist:[
					// {
					// 	fileName:"黄牌申请表",
					// 	fileDescribe:"黄牌申请表黄牌申请表黄牌申请表黄牌申请表黄牌申请表黄牌申请表",
					// 	fileUrl:"",
					// 	fileType:"doc"
					// },
					// {
					// 	fileName:"蓝牌申请表",
					// 	fileDescribe:"",
					// 	fileUrl:"",
					// 	fileType:"pdf"
					// },
				],
				rulesArray: [
					{
						title:"黄牌（中重型货车）入城通行证办理提供材料",
						data: [
							{
								title:"(一)办理1-5天临时通行证需提供以下材料:",
								data:[
									"1、审批表(可进群后自行下载)，办理人身份证复印件。",
									"2、驾驶证，行驶证复印件(正反面复印)。",
									"3、交强险复印件。"
								]
							},
							{
								title:"(二)办理6天以上(含6天)通行证需提供以下材料:",
								data:[
									"1、携带单位(公司)申请、证明、审批表(需政府部门签字盖章)、办理人身份证复印件。",
									"2、行驶证、驾驶证复印件(正反面复印)。",
									"3、车辆在年度安全技术检验范围内、且上线检测时间未超 过三个月。",
									"4、交强险、商业险、从业资格证、道路运输证、营业执照 复印件。"
								]
							}
						]
					},
					{
						title:"新能源及蓝牌（轻型货运车辆）办理入城通行证提供材料",
						data: [
							{
								title:"(一)办理1-5天临时通行证需提供以下材料:",
								data:[
									"1、审批表(可进群后自行下载)，办理人身份证复印件。",
									"2、驾驶证，行驶证复印件(正反面复印)。",
									"3、交强险复印件。"
								]
							},
							{
								title:"(二)办理6天以上(含6天)通行证需提供以下材料:",
								data:[
									"1、携带单位(公司)申请、证明、审批表(需政府部门签字盖章)、办理人身份证复印件。",
									"2、行驶证、驾驶证复印件(正反面复印)。",
									"3、交强险、商业险、营业执照复印件。"
								]
							}
						]
					},
					
				],
				toLogin: false,
				loginUrl: null,
				loginParam: null
			};
		},
		onReady(){
			let _this = this;
			console.log("index onReady");
		},
		onShow() {
			let _this = this;
			console.log("index onShow");
			
			if(_this.toLogin){
				_this.toLogin = false
				//同步请求
				_this.wxLoin(_this.loginUrl,_this.loginParam)
			}
			
			//this.isVip = this.$api.isVip()
			let userInfo = _this.$api.globalData['userInfo']
			if(userInfo==undefined){
				userInfo = uni.getStorageSync('userInfo')
				_this.$api.globalData['userInfo'] = userInfo
				console.log("Storage userInfo:"+JSON.stringify(userInfo))
			}else{
				console.log("Mem userInfo:"+JSON.stringify(userInfo))
			}
			//let localUserInf = _this.getUserInfo;
			let localUserInf = userInfo;
			//默认载入缓存中数据
			_this.debugMsg = JSON.stringify(localUserInf,null, "\t");
			console.log("read cache:"+JSON.stringify(localUserInf,null, "\t"));
			_this.renderUserInfo(localUserInf)
			
			//优先注册/绑定登录
			//微信匿名用户
			if(localUserInf.wxUserId && localUserInf.sysUser == false){
				//匿名用户跳转去注册页面
				
				//延迟2秒跳转页面 完整显示出首页
				new Promise((reslove,reject) => {
				  setTimeout(function(){
					uni.navigateTo({
					    url: '/pages/user/register'
					});
					reslove()
				  },1000)
				})
				
				//返回很重要 ，否则 进入realNameAuth
				return;
			}
			
			//匿名用户跳转去实名认证页面
			if(localUserInf.realNameAuth==false){
				console.log("goto realNameAuth");
				//不是每次都自动跳转到实名认证页面
				new Promise((reslove,reject) => {
				  setTimeout(function(){
					uni.navigateTo({
					    url: '/pages/user/realNameAuth',
					});
					reslove()
				  },1000)
				})
				// if(_this.autoNavigateToRnaCount%2==0){
				// 	_this.realNameAuth();
				// }
				// _this.autoNavigateToRnaCount++;
			}
		},
		onLoad(options) {
			let _this = this;
			console.log("index onLoad")
			
			if(_this.$api.isWeiXinBrowser()){
				const code = _this.getUrlParam('code');
				// 判断是否存在code
				let baseUrl = _this.$api.defConfig().baseUrl;
				let appid = _this.$api.defConfig().h5Appid;
				let basePath = _this.$api.defConfig().basePath;
				
				
				if(code == null || code == '') {
					// 重新获取code
					// console.log(code)
					let redirectUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid;
					//redirectUrl += '&redirect_uri='+baseUrl + '/wx/redirect/'+appid+'/greet'
					redirectUrl += '&redirect_uri='+baseUrl + '/mh5/index.html'
					redirectUrl += '&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect'
					
					window.location.href = redirectUrl
				} else {
					let url = baseUrl+"/rest/wxLogin";
					//确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，
					//包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。
					let params = {
						code: code,
						appid: appid,
						url: window.location.href
						//url: window.location.href.split('#')[0]
					}
					_this.toLogin = true
					_this.loginUrl = url
					_this.loginParam = params
					
					
				}
			}else{
				//模拟测试
			}
		
		},
		methods: {
			wxLoin(url,params){
				let _this = this;
				return new Promise((resolve,reject) => {
					uni.request({
						url: url,
						data: params,
						method: 'POST',
						header: {
							'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
							// 'ACCESSTOKEN': accessToken,
							//'Authorization': 'Bearer ' + token,
							//'content-type': 'application/json'
						},
						success: (res) => {
							//console.log(res);
							console.log(JSON.stringify(res));
							// uni.showToast({
							// 	title: JSON.stringify(res,null, "\t"),
							// 	icon: "none"
							// });
							if (res.statusCode!= undefined && res.statusCode === 200) {
								if (res.data.code === 200 || res.data.code === 0) {
									let userInfo = res.data.data
									
									_this.$api.globalData['userInfo'] = userInfo
									//成功
									if(userInfo.wxJsapiSignature){
										_this.wxConfig(userInfo.wxJsapiSignature);
									}
									uni.setStorageSync('userInfo', userInfo)
									//已经实名认证 开始业务功能
									if(userInfo.token){
										uni.showToast({
											title: "授权登录成功",
											icon: "none"
										});
									}else{
										
									}
									
									//优先注册/绑定登录
									//微信匿名用户
									if(userInfo.wxUserId && userInfo.sysUser == false){
										//匿名用户跳转去注册页面
										//延迟2秒跳转页面 完整显示出首页
										new Promise((reslove,reject) => {
										  setTimeout(function(){
											uni.navigateTo({
											    url: '/pages/user/register'
											});
											reslove()
										  },1000)
										})
										//返回很重要 ，否则 进入realNameAuth
										return;
									}
									
								}else {
									console.log("post faild...");
									uni.showToast({
										title: "登录失败:"+res.data.message,
										icon: 'none'
									})
								}
							}else{
								console.log("http net faild...");
								uni.showToast({
									title: "登录失败:"+res.data.errmsg,
									icon: 'none'
								})
							}
							resolve("ss")
						},
						fail: (res) => {
							uni.showToast({
								title: "登录请求失败",
								icon: 'none'
							})
							resolve("ff")
						}
					})
				})
			},
			 // 解析URL 参数
			getUrlParam(name) {
				let reg = new RegExp('(^|&)'+ name + '=([^&]*)(&|$)')
				let r = window.location.search.substr(1).match(reg)
				if(r!=null){
					return unescape(r[2])
				} 
				return null
			},
			//渲染用户相关信息
			renderUserInfo(userInfo){
				let _this = this;
				
				if(userInfo.roles){
					if(userInfo.roles.indexOf("police")>=0){
						_this.userRole = "police";
						//交警默认已经实名认证
						userInfo.realNameAuth = true;
					}
					if(userInfo.roles.indexOf("driver")>=0){
						_this.userRole = "driver";
					}
				}
				if (userInfo.realName){
					_this.userName = userInfo.realName +"     ";
				}
				if (userInfo.realNameAuth){
					_this.realName = '  您好 ! ';
				}
				// else{
				// 	_this.realNameAuth();
				// }
			},
			openDebug(){
				//this.debug = ~this.debug;
			},
			register(){
				let _this = this;
				
				_this.$store.commit('updateWxUserId', {wxUserId: '1295678916395970561'})
				
				uni.navigateTo({
				    url: '/pages/user/register',
				});
			},
			realNameAuth(){
				//console.log("realNameAuth");
				uni.navigateTo({
				    url: '/pages/user/realNameAuth',
				});
			},
			passApply(){
				let _this = this;
				let localUserInf = _this.getUserInfo;
				
				if(localUserInf.sysUser != true){
					//
					uni.showToast({
						title: "账户/网络 异常，请关闭重新打开",
						icon: "none"
					});
					return;
				}
				
				try{
					if(localUserInf.realNameAuth==true){
						uni.navigateTo({
						    url: '/pages/bness/passApply',
						});
					}
				}catch(err){
					_this.realNameAuth();
				}
			},
			
			applyRecords(){
				let _this = this;
				
				let localUserInf = _this.getUserInfo;
			
				if(localUserInf.sysUser != true){
					//
					uni.showToast({
						title: "账户/网络 异常,请关闭重新打开",
						icon: "none"
					});
					return;
				}
				
				try{
					if(localUserInf.realNameAuth==true){
						uni.navigateTo({
						    url: '/pages/bness/applyRecords',
						});
					}
				}catch(err){
					_this.realNameAuth();
				}
			},
			
			
			scanConfrim(){
				let _this = this;
				
				let localUserInf = _this.getUserInfo;
				
				if(localUserInf.sysUser != true){
					//
					uni.showToast({
						title: "账户/网络 异常",
						icon: "none"
					});
					return;
				}
				
				_this.$jweixin.scanQRCode({
					needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
					scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
					success: function (res) {
						
						//resultStr: "ANDHCPassId:7363170B85A0E129"  业务内容  通行证编号
						//errMsg: "scanQRCode:ok"
					   //  let result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
					   if(res.resultStr && res.resultStr.indexOf("ANDHCPassId:")>=0){
						   let passCheckNum = res.resultStr.substring("ANDHCPassId:".length);
						   if (passCheckNum != undefined && passCheckNum != ""){
							   uni.navigateTo({
								   url: '/pages/bness/applyInfo?passCheckNum='+passCheckNum,
							   });
						   }else{
								uni.showToast({
									title: "通行证编号异常",
									icon: "none"
								});
						   }
					   }else{
						   uni.showToast({
						   	title: "未知扫描结果:" + res.resultStr,
						   	icon: "none"
						   });
					   }
					}
				})
			},
			
			passQuery(){
				let _this = this;
				
				let localUserInf = _this.getUserInfo;
				
				if(localUserInf.sysUser != true){
					//
					uni.showToast({
						title: "账户/网络 异常",
						icon: "none"
					});
					return;
				}
				
				uni.navigateTo({
				    url: '/pages/bness/passQuery',
				});
			},
			
			wxConfig(wxJsapiSignature){
				let _this = this;
				
				_this.$jweixin.config({
				  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				  appId: wxJsapiSignature.appId, // 必填，公众号的唯一标识
				  timestamp: wxJsapiSignature.timestamp, // 必填，生成签名的时间戳
				  nonceStr: wxJsapiSignature.nonceStr, // 必填，生成签名的随机串
				  signature: wxJsapiSignature.signature,// 必填，签名
				  jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表
				});
				
				_this.$jweixin.error(err => {
				    //console.log('config fail:', err);
				});
				
				_this.$jweixin.ready(res => {
				    if (callback) callback(jweixin); // 配置成功
				});
			},
			showTips(){
				let _this = this;
				console.log("open pass rule")
				
				if(_this.downlist.length<=0){
					_this.loadDownloadList();
				}
				
				_this.showPassRuleTips = true;
			},
			closeTips(){
				let _this = this;
				
				console.log("closeTips")
				_this.showPassRuleTips = false;
			},
			clacFileType(fileType){
				if(fileType === 'doc'){
					return "/static/ftype/doc.png";
				}else if(fileType === 'pdf'){
					return "/static/ftype/PDF.png";
				}else if(fileType === 'iamge'){
					return "/static/ftype/image.png";
				}else if(fileType === 'video'){
					return "/static/ftype/video.png";
				}else{
					return "/static/ftype/file.png";
				}
			},
			
			loadDownloadList(){
				let _this = this;
				
				let url = "/rest/downloadFiles";
				
				_this.$api.request(url, failres => {
					uni.showToast({
						title: '请求下载文件失败',
						icon: "none"
					});
				}).then(rsp => {
					console.log(JSON.stringify(rsp));
					if(rsp.code == 200){
						_this.downlist = rsp.data;
					}
				})
			},
			goToLink(file){
				if(file.fileUrl == undefined || 
					file.fileUrl === ''
				 ){
					 uni.showToast({
					 	title: '下载文件不存在',
					 	icon: "none"
					 });
					 return;
				 }
				 window.location.href=file.fileUrl;
			},
			downloadSqb(type){
				//http://jj.kman.gov.cn/zdcl-wx/upimg/安宁市货运车辆入城通行证申请审批表（黄牌）.doc
				//http://jj.kman.gov.cn/zdcl-wx/upimg/安宁市货运车辆入城通行证申请审批表（蓝牌）.doc
				if(type==1){
					//黄牌
					window.location.href="http://jj.kman.gov.cn/zdcl-wx/upimg/安宁市货运车辆入城通行证申请审批表（黄牌）.doc";
				}else if(type==2){
					//蓝牌
					window.location.href="http://jj.kman.gov.cn/zdcl-wx/upimg/安宁市货运车辆入城通行证申请审批表（蓝牌）.doc";
				}else if(type==3){
					
				}else if(type==4){
					
				}
			
			}
			
		},
	}
</script>

<style lang="scss">
	.container{
		position: fixed;
		top: 0upx;
		left:0upx;
		right: 100%;
		bottom: 100%;
		
		width: 100%;
		/*background-image:url("~@/static/imgs/gift.jpg")*/
	}
	
	
	.main-head{
		flex: 1;
		display: flex;
		position: fixed;
		width: 100%;
		height: 35%;
		color: #f5f5f5;
		
		background: linear-gradient(to bottom,#ff6e40,#fafafa);
		background-image: "/static/imgs/ktjingcha.png";
		
		flex-direction: column;
		
		.user-label{
			margin-top: 30upx;
			margin-right: 60upx;
			text-align: right;
			font-size: 24upx;
			
			text{
				margin-left: 30upx;
			}
		}
		
		.head-label{
			width: 100%;
			margin-top: 20upx;
			margin-left: 30%;
			font-size: 48upx;
		}
		
		.head-label2{
			margin-top: 20upx;
			width: 100%;
			margin-left: 10%;
		}
	}
	
	.pass-rule-tag{
		position: fixed;
		top: 200upx;
		right:0upx;
		.rule-btn{
			color: #E4E7ED;
			font-size: 30upx;
			padding: 8upx 20upx;
			background-color: #e57373;
			border-radius: 15upx 0 0 15upx; 
			box-shadow: 10upx 10upx 15upx rgba(100,0,0,0.9);
		}
	}
	
	/* 图文列表 */
	.uni-media-list {
		padding: 22upx 30upx;
		box-sizing: border-box;
		display: flex;
		width: 100%;
		flex-direction:column;
		margin-top: 45%;
	}
	
	.item{
		padding: 22upx 30upx;
		box-sizing: border-box;
		display: flex;
		flex-direction:row;
		
		margin: 40upx 20upx;
		border: 4upx solid #C8C7CC;
		border-radius: 20upx;
		box-shadow: 10upx 10upx 15upx rgba(200,200,200,0.9);
		
		color: #E4E7ED;
	}
	
	.txz-sq{
		flex: 1;
		display: flex;
		flex-direction: column;
		z-index: 900;
		background: linear-gradient(to bottom right,#e57373,#d32f2f);

		.txz-label{
			margin-top: 20upx;
			margin-left: 20upx;
		}
		
		.txz-label2{
			margin-top: 20upx;
			margin-left: 20upx;
			font-size: 64upx;
		}
		
		
		.txz-btn{
			background-color: #F0AD4E;
			margin-right: 20upx;
		}
	}
	
	.txz-cy{
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: right;
		background: linear-gradient(to bottom right,#90caf9,#1976d2);
		
		.txz-label{
			margin-top: 20upx;
			margin-left: 20upx;
			
		}
		
		.txz-label2{
			margin-top: 20upx;
			margin-left: 20upx;
			font-size: 64upx;
		}
		
		
		.txz-btn{
			
			background-color: #F0AD4E;
			margin-right: 20upx;
		}
	}
	
	.passRuleTips{
		position: fixed;
		top: 0px;
		bottom: 0px;
		background-color: #F8F8F8;
		overflow:scroll; 
		z-index: 1000;
		
		.tips-head{
			margin-top: 50upx;
			margin-right: 50upx;
			text-align: right;
		}
		
		.pass-rule-item{
			
			margin: 50upx 50upx;
		}
		
		.title-l1{
			font-weight: 1000;
			font-size: 32upx;
		}
		
		.title-l2{
			font-weight: 800;
			font-size: 28upx;
			margin-top: 15upx;
		}
		
		.content-section{
			font-weight: 500;
			font-size: 26upx;
			margin-top: 5upx;
		}
	}
	
	
	.link-container{
		margin: 50rpx 30rpx; 
	
		.link-item{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding: 30rpx;
			margin:20rpx auto;
			background-color:#ffffff;
			border-radius: 10upx;
			box-shadow: 0 5upx 20upx 0upx rgba(0, 0, 150, .2);
		}	
		.logo image{
			border-radius: 50%;
			width: 100rpx;
			height: 100rpx;
			box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
		}
		.link-middle{
			width: 70%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin: 0 20rpx;
		}
		.title {
			vertical-align: text-top;
			font-size: 32rpx;
			font-weight: 500;
		}	
		.desciption{
			font-size: 26rpx;
		}
		.go-link{
			display: flex;
			flex-direction: column;
			justify-items:center;
			justify-content: center;
		}
		.go-link image {
			height: 50rpx;
			width: 80rpx;
		}
		.go-link label {
			text-align: center;
			font-size: 14upx;
		}
	}
	
</style>
